<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>添加新地址</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=9,Chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" type="text/css" href="../css/frameCss/animate.css"/>
<link rel="stylesheet" type="text/css" href="../css/public.css">
<link rel="stylesheet" type="text/css" href="../css/publish.css">
<link rel="stylesheet" type="text/css" href="../css/address.css"/>
<script src="../js/frameJS/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="../js/address.js"></script>

</head>
<body onLoad="setup()">
	
	<header></header>
	
	<div id="addAddress-container-wrapper" class="animated fadeInLeft">
		<div id="addAddress-container">
			<form action="" method="post" name="myform" id="publishForm">
				<input name="todo" type="hidden" value="todo">
				<div class="mod-form">
					<div class="form-group">
						<div class="form-item">
							<label>省份</label>
							<select name="province" id="s1"><option>请选择省份</option></select>
						</div>
						<div class="form-item">
							<label>城市</label>
							<select name="city" id="s2"><option>请选择城市</option></select>
						</div>
						<div class="form-item">
							<label>地区</label>
							<select name="area" id="s3"><option>请选择地区</option></select>
						</div>
						<div class="form-cell">
							<ul>
								<li><label>请填写详细地址</label><textarea id="address" name="address" placeholder="例如街道名称，楼层和门牌号等信息" rows="3" style="height:38px;"></textarea></li>		
							</ul>
						</div>
						<div class="form-item">
							<label>收件人</label>
							<input type="text" maxlength="20" id="nickname" name="nickname" placeholder="请填写收件人姓名" value="">
						</div>
						<div class="form-item">
							<label>手机号码</label>
							<input type="text" pattern="[0-9]*" maxlength="15" id="telephone" name="telephone" placeholder="请填写收件人手机号码" value="">
						</div>
						<div class="form-item">
							<label>邮政编码</label>
							<input type="text" pattern="[0-9]*" maxlength="6" id="postcode" name="postcode" placeholder="请填写邮政编码（选填）" value="">
						</div>
						<div class="form-switch">			
							<label>设为默认地址</label>
							<i><input name="isdefault" type="checkbox" id="isdefault" value="T" checked="checked"></i>
						</div>
					</div>
				</div>
				<div class="form-button"><input name="s" type="submit" id="s" value="提交" /></div>
			</form>
		</div>
	</div>


<div id="bottom"></div>

<footer id="bar-fixed">
	<a href="../index.html" class="tab-item"><i class="icon-tabbar bar-home"></i>首页</a>
	<a href="../category.html" class="tab-item"><i class="icon-tabbar bar-message"></i>分类</a>
	<a href="../publish/index.html" class="tab-item"><i class="icon-tabbar bar-publish"></i>发起</a>	
	<a href="../user/index.html" class="tab-item active"><i class="icon-tabbar bar-user2"></i>我</a>
</footer>

<script type="text/javascript">
	
	var s=["s1","s2","s3"];
	var opt0 = ["请选择省份","请选择城市","请选择区县"];
	function setup()
	{
	 for(i=0;i<s.length-1;i++)
	  document.getElementById(s[i]).onchange=new Function("change("+(i+1)+")");
	 change(0);
	}
	
	$(function(){
		//加载公共头部！！!	
		$('header').load('../commonTemplate/common-header.html');
	})
</script>
</body>
</html>